<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-rlzy" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="rlzy-m1 box">
        <common-title title="各等级报考条件" top="0.5" bottom="0.47"></common-title>
        <dl class="list flex-bect wrap">
          <dd v-for="(item, index) in m1" :key="index" class="item" :class="'item'+index">
            <div class="name flex-lect"><span class="num">0{{index+1}}</span>{{item.name}}</div>
            <div class="con">
              <img :src="item.ico" class="imga" />
              <div class="intro" v-html="item.intro"></div>
            </div>
          </dd>
        </dl>
      </div>
      <div class="rlzy-m2 box">
        <common-title title="为什么需要人力资源管理师" top="0.25" bottom="0.58"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m2" :key="index" class="item flex-bect" :class="'item'+index">
            <b class="num">0{{index+1}}</b>
            <img :src="item.ico" class="ico" />
            <div class="div flex1">
              <div class="name">{{item.name}}</div>
              <div class="intro" v-html="item.intro"></div>
            </div>
          </dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="人力资源专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/22rlzy/banner.png',
        m1:[],
        m2:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        getCon(){
          this.m1 = [
            {name:'一级报考条件', intro:'取得本职业或相关职业二级/技师职业资格证书(技能等级证书)后，累计从事本职业或相关职业工作 4 年(含) 以上', ico:'./static/image/22rlzy/1-1.png'},
            {name:'二级报考条件', intro:'1、取得本职业或相关职业三级职业资格证书(技能等级证书)后，累计从事相关职业工作4 年(含) 以上。3、具有硕士相关专业学历并取得本职业或相关职业二级职业咨格证书', ico:'./static/image/22rlzy/1-2.png'},
            {name:'三级报考条件', intro:'具有本科相关专业学历并取得本职业或相关职业三级职业资格证书(技能等级证书)后，累计从事相关工作2 年(含) 以上。', ico:'./static/image/22rlzy/1-3.png'},
            {name:'四级报考条件', intro:'1、高等院校在校生<br>2、参加工作4年以上<br>3、取得技工学校本专业或相关专业毕业证书(含尚未取得毕业证书的在校应届毕业生)。', ico:'./static/image/22rlzy/1-4.png'},
          ]
          this.m2 = [
            {name:'解决有活却没人干的问题', intro:'企业招聘和选拔到足量适用的人才是能够良性发展的核心要素之,为企业把好人才关是企业人力资源管理人员的重要任务。', ico:'./static/image/22rlzy/2-1.png'},
            {name:'解决怎样算干得好的问题', intro:'无论企业使用绩效管理策略还是综效管理策略，这些策略的制定与实施，以及对员工进行培训都离不开企业人力资源管理人员。', ico:'./static/image/22rlzy/2-2.png'},
            {name:'解决干完给多少钱的问题', intro:'薪酬是企业和员工都关心的问题寻找既让员工满意又能让企业维持优良运转的薪酬方案必定需要企业人力资源管理人员参与其中。', ico:'./static/image/22rlzy/2-3.png'},
          ]
          
        }
      }
    })
  </script>
</body>
</html>